<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>产品分类</title>
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="headerBar">
			<div class="header-top">
				<div class="container">
					<div class="header-top-left">
						<a href="#">收藏慕课网</a>
					</div>
					<div class="header-top-right">
						欢迎来到慕课网！
						<a href="#">[登录]</a>
						<a href="#">[免费注册]</a>
					</div>
				</div>
			</div>
			<div class="header-midle">
				<div class="container">
					<div class="logo">
						<a href="#"><img src="img/logo.jpg" alt="慕课网" /></a>
					</div>
					<div class="search-box">
						<input type="text" class="search-text"/>
						<input type="button" value="搜索" class="search-submit"/>
					</div>
					<div class="shopCar">
						<span class="shopText">购物车</span>
						<span class="shopNum">0</span>
					</div>
				</div>
			</div>
			<div class="header-nav">
				<div class="container">
					<div class="shopClass">
						<h3>全部商品分类<i></i></h3>
						<div class="shop-list hide">
							<dl class="shop-list-item">
								<dt>
									<a href="#">手机</a>
									<a href="#">数码</a>
									<a href="#" class="aLink">合约机</a>
								</dt>
								<dd>
									<a href="#">小米  </a><a href="#">单反</a><a href="#">智能设备</a></dd>
							</dl>
							<dl class="shop-list-item ">
								<dt>
									<a href="#">手机</a>
									<a href="#">数码</a>
									<a href="#" class="aLink">合约机</a>
								</dt>
								<dd>
									<a href="#">小米  </a><a href="#">单反</a><a href="#">智能设备</a></dd>
							</dl>
							<dl class="shop-list-item">
								<dt>
									<a href="#">手机</a>
									<a href="#">数码</a>
									<a href="#" class="aLink">合约机</a>
								</dt>
								<dd>
									<a href="#">小米  </a><a href="#">单反</a><a href="#">智能设备</a></dd>
							</dl>
							<dl class="shop-list-item">
								<dt>
									<a href="#">手机</a>
									<a href="#">数码</a>
									<a href="#" class="aLink">合约机</a>
								</dt>
								<dd>
									<a href="#">小米  </a><a href="#">单反</a><a href="#">智能设备</a></dd>
							</dl>
							<dl class="shop-list-item">
								<dt>
									<a href="#">手机</a>
									<a href="#">数码</a>
									<a href="#" class="aLink">合约机</a>
								</dt>
								<dd>
									<a href="#">小米  </a><a href="#">单反</a><a href="#">智能设备</a></dd>
							</dl>
						</div>
						<div class="shop-info hide">
							<dl class="shop-info-item">
								<dt>电脑装机</dt>
								<dd>
									<a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本电脑</a>
								</dd>
							</dl>
							<dl class="shop-info-item">
								<dt>电脑装机</dt>
								<dd>
									<a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本电脑</a>
								</dd>
							</dl>
							<dl class="shop-info-item">
								<dt>电脑装机</dt>
								<dd>
									<a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本电脑</a>
								</dd>
							</dl>
							<dl class="shop-info-item">
								<dt>电脑装机</dt>
								<dd>
									<a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本电脑</a>
								</dd>
							</dl>
							<dl class="shop-info-item">
								<dt>电脑装机</dt>
								<dd>
									<a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本电脑</a>
								</dd>
							</dl>
							<dl class="shop-info-item">
								<dt>电脑装机</dt>
								<dd>
									<a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本电脑</a>
								</dd>
							</dl>
							<div class="shop-list-link">
								<a href="#">电脑整机频道<span></span></a>
								<a href="#">电脑整机频道<span></span></a>
							</div>
						</div>
					</div>
					<ul class="nav">
						<li><a href="#" class="active">数码城</a></li>
						<li><a href="#">天黑黑</a></li>
						<li><a href="#">团购</a></li>
						<li><a href="#">发现</a></li>
						<li><a href="#">二手特卖</a></li>
						<li><a href="#">名品会</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class=" container clearfloat products">
			<div class="leftArea ">
				<div class="leftAreaNav">
					<h3 class="left-tit">手机、数码、通讯</h3>
					<div class="nav-cont">
						<h3>手机</h3>
							<ul class="nav-list clearfloat">
								<li><a href="#">全部手机</a></li>
								<li><a href="#">双卡手机</a></li>
								<li><a href="#">拍照神器</a></li>
								<li><a href="#">对讲机</a></li>
								<li><a href="#">老年手机</a></li>
								<li><a href="#">联通专区</a></li>
								<li><a href="#">1080P高清</a></li>
							</ul>
					</div>
					<div class="nav-cont">
						<h3>手机</h3>
							<ul class="nav-list clearfloat">
								<li><a href="#">全部手机</a></li>
								<li><a href="#">双卡手机</a></li>
								<li><a href="#">拍照神器</a></li>
								<li><a href="#">对讲机</a></li>
								<li><a href="#">老年手机</a></li>
								<li><a href="#">联通专区</a></li>
								<li><a href="#">1080P高清</a></li>
							</ul>
					</div>
					<div class="nav-cont">
						<h3>手机</h3>
							<ul class="nav-list clearfloat">
								<li><a href="#">全部手机</a></li>
								<li><a href="#">双卡手机</a></li>
								<li><a href="#">拍照神器</a></li>
								<li><a href="#">对讲机</a></li>
								<li><a href="#">老年手机</a></li>
								<li><a href="#">联通专区</a></li>
								<li><a href="#">1080P高清</a></li>
							</ul>
					</div>
					<div class="nav-cont">
						<h3>手机</h3>
							<ul class="nav-list clearfloat">
								<li><a href="#">全部手机</a></li>
								<li><a href="#">双卡手机</a></li>
								<li><a href="#">拍照神器</a></li>
								<li><a href="#">对讲机</a></li>
								<li><a href="#">老年手机</a></li>
								<li><a href="#">联通专区</a></li>
								<li><a href="#">1080P高清</a></li>
							</ul>
					</div>
				</div>
			</div>
			<div class="rightArea">
				<div class="pic banner-big"><!--内容列表(li数目可随意增减)-->
			  		<ul class="imgBox banner-img">
			       		<li><a href="#"><img src="img/banner-1.jpg"  /></a></li>
			        	<li><a href="#"><img src="img/banner-2.jpg"  /></a></li>
			  		</ul>
			  		<div class="pic-num">
			  			<a href="#" class="active"></a>
			  			<a href="#"></a>
		  			</div>
		  		</div>
				<div class="hr-7"></div>				
				<div class="product-title">
					<h3>数码影音</h3>
				</div>
				<div class="product-list clearfloat">
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
				</div>
				<div class="hr-25"></div>
				<div class="hr-7"></div>
				<div class="product-title">
					<h3>数码影音</h3>
				</div>
				<div class="product-list clearfloat">
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
				</div>
				<div class="hr-25"></div>
				<div class="hr-7"></div>				
				<div class="product-title">
					<h3>数码影音</h3>
				</div>
				<div class="product-list clearfloat">
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
					<div class="item">
						<div class="item-img">
							<a href="#"><img src="img/cream.jpg" alt="" /></a>
						</div>
						<a href="#"><p>Canon相机XIUS 数码相机 粉色(1600W像素极速拍照)</p></a>
						<p class="money">￥899</p>
						<p >评论:<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star" ></span><a href="#">(190条)</a></p>
					</div>
				</div>
				<div class="hr-25"></div>
			</div>
		</div>
		
		<div class="footer ">
			<p>
				<a href="">慕课简介</a><i>|</i>
				<a href="">慕课公告</a><i>|</i>
				<a href="">招纳贤士</a><i>|</i>
				<a href="">联系我们</a><i>|</i>
				客服热线：400-675-1234
			</p>
			<p>
				Copyright © 2006 - 2014 慕课版权所有&nbsp;&nbsp;京ICP备09037834号&nbsp;&nbsp;京ICP证B1034-8373号&nbsp;&nbsp;某市公安局XX分局备案编号：123456789123
			</p>
			<p class="flogo">
				<a href="#"><img src="img/footer_logo.jpg" alt="" /></a>
				<a href="#"><img src="img/footer_logo.jpg" alt="" /></a>
				<a href="#"><img src="img/footer_logo.jpg" alt="" /></a>
			</p>
		</div>
	</body>
</html>
